<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!-- Fotter Area Start -->
<footer>
	<!-- Footer Top Area End -->
	<!-- <div class="fotter-area dark-gray-bg ptb-100">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-4 col-xs-12">
					<div class="address-area res-mb-sm-30">
						<a href="index.html">shopzon</a>
						<p>Lorem ipsum dolor sit amet, consemi cteta dipisi cing
							elit, sed do eiusmod tempor.</p>
						<div class="contact-social mt-40">
							<ul>
								<li><a href="#" class="social_facebook "></a></li>
								<li><a href="#" class="social_twitter "></a></li>
								<li><a href="#" class="social_googleplus"></a></li>
								<li><a href="#" class="social_linkedin "></a></li>
								<li><a href="#" class="social_instagram "></a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-4 col-xs-12">
					<div class="footer-menu res-mb-sm-30">
						<h4>MY ACCOUNT</h4>
						<ul>
							<li><a href="#">FAQs</a></li>
							<li><a href="#">Payments</a></li>
							<li><a href="#">Track Your Order</a></li>
							<li><a href="#">Return Polcy</a></li>
							<li><a href="#">Warranty</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-3 hidden-sm hidden-xs">
					<div class="footer-menu">
						<h4>SHOP GUIDE</h4>
						<ul>
							<li><a href="#">Hot Sale</a></li>
							<li><a href="#">Best Sellar</a></li>
							<li><a href="#">Suppliers</a></li>
							<li><a href="#">Our Store</a></li>
							<li><a href="#">Deal of The Day</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-3 col-sm-4 col-xs-12">
					<div class="footer-menu">
						<h4>CONTACT INFO</h4>
						<div class="contact-details">
							<ul>
								<li><span class="icon_pin"></span>
									<p>Lusmod tempor incididunt</p></li>
								<li><span class="icon_mail"></span>
									<p>Lusmod incidiunt wesbvu</p></li>
								<li><span class="icon_phone "></span>
									<p>(256) 987 654 321</p></li>
								<li><span class="icon_clock_alt"></span>
									<p>8.00 am-6.00 pm</p></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- Footer Top Area End -->
	<!-- Footer Bottom Area Start -->
	<div class="footer-bottom-area black-bg">
		<div class="container">
			<div class="row ">
				<div class="col-md-6 col-sm-6 col-xs-12">
					<p>
						Copyright &copy; 2020.Company name All rights reserved.
					</p>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-12">
					<img src="${rootPath}/img/icon/payment.png" alt="" />
				</div>
			</div>
		</div>
	</div>
	<!-- Footer Bottom Area End -->
</footer>
<!-- Fotter Area End -->

<!--Quickview Product Start -->
<div id="quickview-wrapper">
	<!-- Modal -->
	<div class="modal fade" id="productModal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="modal-product">
						<div class="product-images">
							<div class="main-image images">
								<img alt="" src="${rootPath}/img/other/quickview.jpg">
							</div>
						</div>
						<div class="product-info">
							<h1>Beauty Products</h1>
							<div class="price-box">
								<p class="price">
									<span class="special-price"><span class="amount">$132.00</span></span>
								</p>
							</div>
							<a href="product-details.html" class="see-all">See all
								features</a>
							<div class="quick-add-to-cart">
								<form method="post" class="cart">
									<div class="numbers-row">
										<input type="number" id="french-hens" value="3">
									</div>
									<button class="single_add_to_cart_button" type="submit">Add
										to cart</button>
								</form>
							</div>
							<div class="quick-desc">Lorem ipsum dolor sit amet,
								consectetur adipiscing elit. Nam fringilla augue nec est
								tristique auctor. Donec non est at libero vulputate rutrum.
								Morbi ornare lectus quis justo gravida semper. Nulla tellus mi,
								vulputate adipiscing cursus eu, suscipit id nulla.</div>
							<div class="social-sharing">
								<div class="widget widget_socialsharing_widget">
									<h3 class="widget-title-modal">Share this product</h3>
									<ul class="social-icons">
										<li><a target="_blank" title="Facebook" href="#"
											class="facebook social-icon"><i class="fa fa-facebook"></i></a>
										</li>
										<li><a target="_blank" title="Twitter" href="#"
											class="twitter social-icon"><i class="fa fa-twitter"></i></a>
										</li>
										<li><a target="_blank" title="Pinterest" href="#"
											class="pinterest social-icon"><i class="fa fa-pinterest"></i></a>
										</li>
										<li><a target="_blank" title="Google +" href="#"
											class="gplus social-icon"><i class="fa fa-google-plus"></i></a>
										</li>
										<li><a target="_blank" title="LinkedIn" href="#"
											class="linkedin social-icon"><i class="fa fa-linkedin"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- .product-info -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--End of Quickview Product-->

<!-- all js here -->
<script src="${rootPath}/js/vendor/jquery-1.12.4.min.js"></script>
<script src="${rootPath}/js/bootstrap.min.js"></script>
<script src="${rootPath}/js/owl.carousel.min.js"></script>
<script src="${rootPath}/js/isotope.pkgd.min.js"></script>
<script src="${rootPath}/js/jquery.nivo.slider.js"></script>
<script src="${rootPath}/js/price-slider.js"></script>
<script src="${rootPath}/js/jquery.simpleLens.min.js"></script>
<script src="${rootPath}/js/jquery.magnific-popup.min.js"></script>
<script src="${rootPath}/js/animated-heading.js"></script>
<script src="${rootPath}/js/jquery.ajaxchimp.min.js"></script>
<script src="${rootPath}/js/jquery.countdown.js"></script>
<script src="${rootPath}/js/jquery.meanmenu.js"></script>
<script src="${rootPath}/js/plugins.js"></script>
<script src="${rootPath}/js/main.js"></script>